import React from 'react';
import { Modal } from 'antd';
import { QuestionCircleOutlined } from '@ant-design/icons';

/**
 * 确定弹窗
 * @param {number} length 条数
 * @param {function} onOk 确定回调
 */
export function allocConfirm(length, onOk) {
  let content;
  let okText;
  if (length) {
    content = `已勾选${length}条数据，是否确认分配?`;
    okText = '分配';
  } else {
    content = '未勾选任何数据，默认分配所有待分配数据，是否继续?';
    okText = '继续';
  }
  Modal.confirm({
    title: '温馨提示',
    icon: <QuestionCircleOutlined />,
    content,
    okText,
    okType: 'primary',
    cancelText: '取消',
    onOk,
  });
}

/**
 * 删除确定
 * @param {function} onOk 确定回调
 */
export function deleteConfirm(onOk) {
  Modal.confirm({
    title: '提示',
    content: '确定要删除此条信息吗？',
    icon: <QuestionCircleOutlined />,
    okText: '确认',
    cancelText: '取消',
    onOk,
    onCancel() {},
  });
}

/**
 * 领取confirm
 * @param {number} length 条数
 * @param {function} onOk 回调
 */
export function receiveConfirm(length, onOk) {
  let content;
  let okText;
  if (length) {
    content = `已勾选${length}条数据，是否确认领取?`;
    okText = '领取';
  } else {
    content = '未勾选任何数据，默认领取所有待领取数据，是否继续?';
    okText = '继续';
  }
  Modal.confirm({
    title: '温馨提示',
    icon: <QuestionCircleOutlined />,
    content,
    okText,
    okType: 'primary',
    cancelText: '取消',
    onOk,
    onCancel() {},
  });
}

/**
 * 取消分配
 * @param {function} onOk 回调
 */
export function unAllocConfirm(onOk) {
  Modal.confirm({
    title: '提示',
    content: '您确定要取消分配吗？',
    icon: <QuestionCircleOutlined />,
    okText: '确认',
    cancelText: '取消',
    onOk,
  });
}
